<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      //  间隔定时器 间隔一段时间执行一次代码
      //间隔定时器 setInterval(执行的函数，间隔多久执行)(间隔时间，单位是毫秒)1s=1000ms
      //返还值是一个数字这个数字是setInterval的id值
      //     var timer = setInterval(
      //         ()=>{
      //             console.log(1111);
      //             console.log(2222);
      //         },1000
      //     )
      //     console.log(timer);
      //   var timer2 = setInterval(function(){
      //     console.log(111111);
      //     console.log(222222);
      //   })
      // console.log(timer2);

      //倒计时定时器   倒计时指定时间 执行代码 只会执行一次
      //setTimeOut(执行的函数,倒计时的时间) 单位是毫秒

      // var timer = setTimeout(function(){
      //      console.log('倒计时执行了');
      // },3000)
      // console.log(timer);
      // document.onclick=function(){
      //      setTimeout(function(){console.log('执行了');},2000)
      // }

      //两种定时器可以混用
      //setTimeout 可以代替setInterval
      //setInterval 不可以替代setTimeout
      //   var mySetInterval = function (fn, delay) {
      //     setTimeout(function () {
      //       fn()
      //       mySetInterval(fn)
      //     }, delay)
      //   }
      // //   mySetInterval(function () {
      // //     console.log('111')
      // //   }, 1000)

      //   var mySetTimeout=function(fn,delay){
      //     let timer = setInterval(function(){
      //         fn()
      //         clearInterval(timer)
      //       },delay)
      //   }
      //   mySetTimeout(function(){
      //     console.log('自制timeout');
      //   },2000)
      // function myFn(){
      //     console.log('执行myfn函数');
      // }
      // document.onclick =function(){
      //     setTimeout(myFn,2000)
      // }
      //四、停止定时器 clearInterval clearTimeout
      //一般 clearInterval会停止 setInterval
      //clearTimeout 会停止setTimeout
      //  但是其可以混用
      //1、停止间隔定时器
      //   var count = 0
      //   var timer = setInterval(function () {
      //     console.log(count)
      //     count++
      //   }, 1000)

      //   document.onclick = function () {
      //     // clearInterval(timer)
      //     clearTimeout(timer)
      //   }
      //   //停止倒计时定时器

      //   var timer=setTimeout(function(){
      //     console.log('已执行');
      //   },3000)
      //   document.onclick = function(){
      //     //  clearInterval(timer)
      //     clearTimeout(timer)
      //   }
      //计时器里面是异步代码 一定会在同步代码之后完成
      
      function myPromise() {
        return new Promise((resolve) => {
          setTimeout(function () {
            console.log(2222)
            resolve()
          }, 0)
        
        })
      }

  
     async function dbc(){
        console.log(111)
        await myPromise()
        console.log(333)
       }
     dbc()
    </script>
  </body>
</html>
